/* 覆盖样式 */
.el-input-number {
  .d-common-width-full()
}

//选择器
.el-select {
  .d-common-width-full()
}

.el-select-v2 {
  .d-common-width-full()
}

//虚拟选择器
.el-select-v2__wrapper.is-disabled {
  background-color: var(--el-disabled-bg-color);
  box-shadow: 0 0 0 1px var(--el-disabled-border-color) inset;
}

.el-form-item.is-error .el-select-v2__wrapper {
  border-color: var(--el-color-danger);
  box-shadow: none;
}

//默认左对齐
.d-input-text-left .el-input__inner {
  .d-common-text-align-left()
}

.d-input-text-right .el-input__inner {
  .d-common-text-align-right()
}

.d-input-text-center .el-input__inner {
  .d-common-text-align-center()
}

//按钮
.el-button {
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  min-width: 68px;
}

.el-button+.el-button {
  margin-left: var(--d-margin-level-1);
}

.el-input-group__append button.el-button,
.el-input-group__append {
  color: var(--el-button-hover-text-color) !important;
  border-color: var(--el-color-primary) !important;
  background-color: var(--el-color-primary) !important;
}

//表单
.el-form-item {
  .d-common-text-main();
  margin-bottom: 0;
}

.d-form-input-w-1 .el-form-item__content {
  width: var(--d-input-width-level-1);
}

.d-form-input-w-2 .el-form-item__content {
  width: var(--d-input-width-level-2);
}

.d-form-input-w-2 .el-select-v2 {
  width: 100%;
  // border:2px solid blue

}

//表格搜索栏表单
// .d-table-form .el-form-item{
//   margin-bottom: calc(var(--d-margin-level-2) + 1px);
// }
.d-table-form .el-form-item__content {
  width: var(--d-input-width-level-1);
}

.d-table-form .el-input-number {
  width: 100%;
}

//表格
.el-table {
  --el-table-current-row-bg-color: var(--theme-color-light-6);
  --el-table-header-bg-color: var(--d-color-grey-1);
  --el-table-header-text-color: var(--d-font-color-text);
  --el-table-row-hover-bg-color: var(--theme-color-light-table);
}

.el-table .cell {
  padding: 0 16px;
}

.el-table .el-table__cell {
  padding: 2px 0;
  .d-common-text-main();
}

.el-table th.el-table__cell {
  .d-common-title-third();
}

//虚拟表格

.el-table-v2 {
  --el-table-current-row-bg-color: var(--theme-color-light-6);
  --el-table-header-bg-color: var(--d-color-grey-1);
  --el-table-header-text-color: var(--d-font-color-text);
  --el-table-row-hover-bg-color: var(--theme-color-light-table);
}

.el-table-v2 .el-table-v2__header-cell {
  .d-common-title-third();
}

// .el-table--border::after{
//   display: none;
// }
// .el-table--border::before{
//   display: none;
// }
//分页

.d-footer__wapper .el-pagination {
  --el-pagination-button-bg-color: var(--d-color-grey-4);
  flex-wrap: nowrap;
  justify-content: flex-end;
  row-gap: 10px;
}

.d-footer__wapper .el-pagination.is-background .el-pager li:not(.is-disabled).is-active {
  font-weight: unset;
}

.d-footer__wapper .el-pagination .el-select .el-input {
  width: 96px;
}

.d-footer__wapper .el-pagination__editor {
  min-width: 47px;
}

//d-tabs 的样式修改
.d-tabs__wapper .el-tabs {
  --el-tabs-item-height: 40px;
}

.d-tabs__wapper .el-tabs__header {
  margin: 0;
}

.d-tabs__wapper .el-tabs__item:first-child i {
  display: none;
}

.d-tabs__wapper .el-tabs--border-card>.el-tabs__header {
  background-color: var(--d-color-white);
}

.d-tabs__wapper .el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
  background-color: var(--d-color-grey-2);
  border-bottom-color: var(--d-color-grey-2);
  font-weight: unset;
}

.d-tabs__wapper .el-tabs__item {
  color: var(--d-font-color-tab);
  height: var(--el-tabs-item-height);
}

.d-tabs__wapper .el-tabs--card>.el-tabs__header .el-tabs__item {
  border-left: 0;
}

.d-tabs__wapper .el-tabs__item.is-active {
  color: var(--d-font-color-text);
  font-weight: bold;
  border-top: 3px solid var(--theme-color);
  border-radius: 5px 5px 0 0;
  height: calc(var(--el-tabs-item-height) + 3px);
}

//树中的切换
.d-tab-tree__wapper {
  --rolemangaer-tree-height: 510px;
  --rolemangaer-tree-padding-1: calc(var(--d-margin-level-4) - 4px);
  --rolemangaer-tree-padding-2: calc(var(--d-margin-level-9) - 1px);
}

.d-tab-tree__wapper .el-tabs__header {
  margin: 0;
}

.d-tab-tree__wapper .el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
  background-color: var(--theme-color);
  border: none;
  .d-common-title-third();
  color: var(--d-color-white);
}

.d-tab-tree__wapper .el-tabs--card>.el-tabs__header .el-tabs__item {
  background-color: var(--d-color-white);
  .d-common-text-main()
}

//间隔
// .d-tab-tree__wapper .el-tabs__item + .el-tabs__item{
//   margin-left: var(--d-margin-level-1);
// }
//导航
.el-menu {
  --el-menu-active-color: var(--d-font-color-white);
  --el-menu-text-color: var(--d-font-color-assist-1);
  --el-menu-hover-text-color: var(--d-font-color-white);
  --el-menu-bg-color: var(--d-color-deep-2);
  --el-menu-hover-bg-color: var(--theme-color-light-1);
  --el-menu-item-height: 48px;
  --el-menu-item-font-size: var(--el-font-size-base);
  --el-menu-border-color: var(--el-border-color);
  --el-menu-title-padding: 20px;
}

.el-sub-menu .el-menu-item {
  background-color: var(--d-color-deep-1);
}

.el-sub-menu .el-menu-item:hover {
  background-color: var(--el-menu-hover-bg-color);
}


.el-menu-item.is-active {
  background-color: var(--theme-color-light-1);
  // border-left: 6px solid var(--theme-color);
}

.el-menu-item:hover {
  color: var(--el-menu-active-color);
}

.el-sub-menu .el-icon {
  font-size: 20px;
}

.el-sub-menu .el-sub-menu__icon-arrow {
  font-size: 16px;
}

.el-sub-menu__title {
  padding-left: var(--el-menu-title-padding) !important;
  padding-right: var(--el-menu-title-padding);
}

.el-menu--popup-container .el-menu--popup {
  background: var(--d-color-deep-3);
  box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.18);
  border-radius: var(--d-border-radius-level-4);
}

.el-menu--popup-container .el-menu--popup .el-menu-item.is-active {
  background-color: unset;
  border-left: unset;
  color: var(--theme-color);
}

.el-menu--popup-container .el-menu--popup .el-menu-item:hover {
  background-color: unset;
  border-left: unset;
  color: var(--theme-color);
}

.el-menu-item-sidebar {
  margin-right: calc(var(--d-margin-level-3) - 1px);
}

.el-tooltip__trigger .el-menu-item-sidebar {
  margin-right: unset;
}

.el-menu--collapse .el-sub-menu.is-active .el-sub-menu__title {
  color: var(--theme-color);
}

/* el-menu-item is-active */

//抽屉
.d-drawer__wapper {
  --d-drawer-margin: 0px;
  --d-drawer-border-color: var(--d-color-grey-3);
}

.d-drawer__wapper .el-drawer__header {
  flex-direction: row-reverse;
}

.d-drawer__wapper .el-drawer__header {
  margin-bottom: var(--d-drawer-margin);
  border-bottom: 1px solid var(--d-drawer-border-color);
  padding: var(--el-drawer-padding-primary);
  color: var(--d-font-color-text);
  font-weight: bold;
}

.d-drawer__wapper .el-drawer__footer {
  border-top: 1px solid var(--d-drawer-border-color);
  padding-top: 12px;
  padding-bottom: 13px;
}

//抽屉表单
.d-drawer__wapper .el-form-item__label {
  height: auto;
}

//弹窗
.d-dialog__wapper {
  --d-dialog-margin: 0px;
  --d-dialog-border-color: var(--d-color-grey-3);
  --d-dialog-min-height: 188px;
  --d-dialog-max-height: 60vh;
  margin: auto;
}

.el-overlay-dialog {
  .d-common-flex-center()
}

.d-dialog__wapper .el-dialog__header {
  margin-bottom: var(--d-dialog-margin);
  border-bottom: 1px solid var(--d-dialog-border-color);
  padding: var(--el-dialog-padding-primary);
  color: var(--d-font-color-text);
  background-color: var(--d-color-grey-4);
  margin-right: unset;
}

.d-dialog__wapper .el-dialog__title {
  font-size: var(--el-font-size-base);
  font-weight: bold;
}

.d-dialog__wapper .el-dialog__body {
  padding: var(--el-dialog-padding-primary);
  min-height: var(--d-dialog-min-height);
  height: auto;
  // max-height: var(--d-dialog-max-height);
  overflow: auto;
}

.d-dialog__wapper .el-dialog__footer {
  border-top: 1px solid var(--d-dialog-border-color);
  padding-top: 12px;
  padding-bottom: 13px;
}

//弹窗表单
.d-dialog__wapper .el-form-item__label {
  height: auto;
}

//确认弹窗
.el-message-box {
  --d-message-box-border: 6px;
  --d-message-box-head-bg: var(--d-color-grey-4);
  --d-message-box-head-h: 60px;
  --d-message-box-head-top: 21px;
  --d-message-box-body-h: 85px;
  --d-message-box-buttons-top: 15px;
  --d-message-box-buttons-bottom: 3px;
  --d-message-box-border-color: var(--d-color-grey-3);
  border-radius: var(--d-message-box-border);
}

.el-message-box__header {
  background-color: var(--d-message-box-head-bg);
  height: var(--d-message-box-head-h);
  box-sizing: border-box;
  padding-top: var(--d-message-box-head-top);
}

.el-message-box__headerbtn {
  top: var(--d-message-box-head-top);
}

.el-message-box__title {
  font-size: var(--el-font-size-base);
  font-weight: bold;
}

.el-message-box__content {
  min-height: var(--d-message-box-body-h);
  .d-common-flex-algin-center();
}

.el-message-box__btns {
  padding-top: var(--d-message-box-buttons-top);
  padding-bottom: var(--d-message-box-buttons-bottom);
  border-top: 1px solid var(--d-message-box-border-color);
}

.el-message-box__message h2 {
  .d-common-title-third();
}

.el-message-box__message h3 {
  .d-common-text-main();
}


//树组件
.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
  background-color: var(--theme-color-light-6);
}

//虚拟树组件 TODO
.el-vl__window {
  // height: auto !important;
}

//el滚动条
.el-scrollbar__view {
  height: 100%;
}

//隐藏el滚动条
.d-hide-elscrollbar .el-scrollbar__bar {
  display: none;
}


// 单选框、复选框，禁用颜色覆盖
.el-radio {
  &.is-disabled {
    .el-radio__label {
      color: var(--d-font-color-text) !important;
    }
  }

  &.is-checked {
    .el-radio__label {
      color: var(--theme-color) !important;
    }

    .el-radio__inner {
      border-color: var(--theme-color) !important;
      background: var(--theme-color) !important;

      &::after {
        background: var(--d-color-white) !important;
      }
    }
  }
}

.el-checkbox {
  &.is-disabled {
    .el-checkbox__label {
      color: var(--d-font-color-text) !important;
    }
  }

  &.is-checked {
    .el-checkbox__label {
      color: var(--theme-color) !important;
    }

    .el-checkbox__inner {
      border-color: var(--theme-color) !important;
      background: var(--theme-color) !important;

      &::after {
        border-color: var(--d-color-white) !important;
      }
    }
  }
}